@import "../../../css/var";
@import "../../../css/global";

$rem: 7.5rem / 2717;

.policy {
  margin: 184*$rem 184*$rem 0 184*$rem;
  padding: 105*$rem 70*$rem;
  border-radius: 100*$rem;
  min-height: 600*$rem;
  box-shadow: 0*$rem 0*$rem 51*$rem rgba(4, 0, 0, 0.48);
  &:nth-last-child(1) {
    margin-bottom: 184*$rem;
  }
  p {
    height: .32rem;
    margin-bottom:16 * 7.5rem / 1200;
    padding-right: 70*$rem;
    font-size: .32rem;
    color: rgba(57, 57, 57, 1);
    line-height: .32rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap
  }
  span{
    font-size:.24rem;
    font-weight:400;
    color:rgba(189,189,189,1);
    line-height:.24rem;
    overflow: hidden;
  }
  .percent {
    width: 600*$rem;
    height: 600*$rem;
    box-shadow: 0 0 51*$rem rgba(4, 0, 0, 0.48);
    border-radius: 300*$rem;
    div {
      width: 64*$rem;
      height: 160*$rem;
      &:nth-child(3) {
        height: 100*$rem;
        width: 60*$rem;
      }
    }
  }
  .info {
    .collection {
      width: .86rem;
      height: .38rem;
      background: rgba(255, 255, 255, 1);
      .icon {
        width: .44rem;
        height: .38rem;
        background: url("../../../img/star-o.png") center no-repeat;
        background-size: contain;
      }
      &.selected {
        .icon {
          background: url("../../../img/star-f.png") center no-repeat;
          background-size: contain;
        }
      }
    }
    .share {
      width: .86rem;
      height: .38rem;
      background: rgba(255, 255, 255, 1);
      .icon {
        width: .44rem;
        height: .38rem;
        background: url("../../../img/shareto.png") center no-repeat;
        background-size: contain;
      }
    }
  }
}

.shareBar {
  display: none;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  span {
    margin-top: .1rem;
    font-size: .26rem;
    color: black;
  }
  .mui-icon-weixin {
    width: .8rem;
    height: .8rem;
    background: url('../../../img/wx.png') center no-repeat;
    background-size: contain;
  }
  .mui-icon-pengyouquan {
    width: .8rem;
    height: .8rem;
    background: url('../../../img/pyq.png') center no-repeat;
    background-size: contain;
  }
  .mui-icon-qq {
    width: .8rem;
    height: .8rem;
    background: url('../../../img/qq.png') center no-repeat;
    background-size: contain;
  }
}